.homePageAnalysisComponent {
    @left_width: 400px;
    width: 100%;
    height: 100%;
    display: flex;
    gap: 8px;
    justify-content: space-between;

    .homePageAnalysisComponent-left {
        flex-grow: 1;
        padding: 2px 10px 24px;
        background-color: #FFFFFF;

        .homePageAnalysisComponent-left__group {
            height: 100%;
            padding-top: 20px;
            display: flex;
            align-items: center;
            @index_width: 64px;
            box-sizing: border-box;

            .left-group__index {
                width: @index_width;
                height: fit-content;
                padding: 4px 2px;
                line-height: 20px;
                word-break: break-word;
                background: rgba(0, 0, 0, 0.04);
                font-size: 12px;
                font-weight: 400;
                color: rgba(0, 0, 0, 0.65);
            }

            .left-group__chartLinesIndex {
                position: relative;
                top: -52px;
            }

            .left-group__chart {
                width: calc(100% - @index_width);
                height: 100%;
            }
        }
    }

    .homePageAnalysisComponent-right {
        width: @left_width;
        height: 100%;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
}